{% with vartype='Date' %}
    {% include '_row_header.html' %}
{% endwith %}
<div class="col-sm-6">
    <div class="row">
        <div class="col-sm-6">
            <table class="stats ">
                <tr>
                    <th>Distinct count</th>
                    <td>{{ values['distinct_count'] }}</td>
                </tr>
                <tr>
                    <th>Unique (%)</th>
                    <td>{{ values['p_unique'] | fmt_percent }}</td>
                </tr>
                <tr class="{{ values['row_classes']['missing'] }}">
                    <th>Missing (%)</th>
                    <td>{{ values['p_missing'] | fmt_percent }}</td>
                </tr>
                <tr class="{{ values['row_classes']['missing'] }}">
                    <th>Missing (n)</th>
                    <td>{{ values['n_missing'] }}</td>
                </tr>
                <tr class="{{ values['row_classes']['p_infinite'] }}">
                    <th>Infinite (%)</th>
                    <td>{{ values['p_infinite'] | fmt_percent }}</td>
                </tr>
                <tr class="{{ values['row_classes']['p_infinite'] }}">
                    <th>Infinite (n)</th>
                    <td>{{ values['n_infinite'] }}</td>
                </tr>
            </table>
        </div>
        <div class="col-sm-6">
            <table class="stats ">
                <tr>
                    <th>Minimum</th>
                    <td>{{ values['min'] }}</td>
                </tr>
                <tr>
                    <th>Maximum</th>
                    <td>{{ values['max'] }}</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="col-sm-3 collapse in" id="minihistogram{{ values['varid'] }}">
    <img src="{{ values['mini_histogram'] }}" alt="Mini histogram">
</div>
<div class="col-sm-12 text-right">
    <a role="button" data-toggle="collapse" data-target="#descriptives{{ values['varid'] }},#minihistogram{{ values['varid'] }}"
       aria-expanded="false" aria-controls="collapseExample">
        Toggle details
    </a>
</div>
<div class="row collapse col-sm-12" id="descriptives{{ values['varid'] }}">
    <img src="{{ values['histogram'] }}" class="center-img" alt="Histogram">
    <div class="caption text-center text-muted"><strong>Histogram of '{{ values['varname'] }}'</strong> (bins=N)</div>
</div>
{% include '_row_footer.html' %}